﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="UserAccount.ascx.cs" Inherits="UserControls_UserAccount" %>
<%@ Register Src="~/UserControls/Widget.ascx" TagName="Widget" TagPrefix="uc" %>



  <link href="<%: ResolveUrl("~/Styles/smoothness/jquery-ui-1.9.2.custom.min.css") %>" rel="stylesheet" />
        <script src="<%: ResolveUrl("~/Scripts/jquery.ui.datepicker-vi.js") %>" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $("#<%=txtDateOfBirth.ClientID %>").datepicker({
             changeMonth: false
            , changeYear: false
            , dateFormat: 'dd/mm/yy'
            , regional: 'vi'
            , duration: 'slow'

         });
     });
    </script>
<div id="masthead">
    <div class="container_24">
        <div class="grid_24">
            <h2 id="heading">Tài khoản của tôi</h2>

        </div>
        <div class="clear"></div>
    </div>
</div>


<div id="content">
    <div class="container_24">


        <div class="grid_15">

            <ul id="tabify">


                <li class="active"><a href="#account">Tài khoản</a></li>
             
                <li class=""><a href="#mycourse">Khóa học của tôi</a></li>
                   <li class=""><a href="#mybank">Ngân hàng của tôi</a></li>
            </ul>



            <div class="tab_content rounded shadow" id="account">
                <div class="box">
                    <h6>Chào: <%=p.Profile.DisplayName %>&nbsp;
                        <asp:Button ID="btnLogout" runat="server" Text="Đăng xuất" CssClass="btn btn-primary" OnClick="btnLogout_Click" ValidationGroup="logout" />

                        <br />
                        <br />
                        Tại đây bạn có thể thay đổi mật khẩu, thông tin cá nhân, thông tin liên hệ ....</h6>
                    <div id="status" class="status"></div>
                    <div id="divStatus" class="status " runat="server"></div>
                    <h4>Đổi mật khẩu</h4>
                    <hr />

                    <div class="accordion">

                        <div id="login-form" class="contact-form clearfix">

                            <br />



                            <label>
                                Mật khẩu cũ: <span class="required">
                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="Server" ValidationGroup="changePass"
                                        ControlToValidate="txtPassword" ErrorMessage="*" Display="Dynamic" /></span></label>
                            <asp:TextBox runat="Server" ID="txtPassword" TextMode="Password" placeholder="Mật khẩu" />


                            <label>
                                Nhập mật khẩu mới: <span class="required">
                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="Server" ValidationGroup="changePass"
                                        ControlToValidate="txtPasswordNew" ErrorMessage="*" Display="Dynamic" /></span></label>
                            <asp:TextBox runat="Server" ID="txtPasswordNew" TextMode="Password" placeholder="Nhập mật khẩu mới" />



                            <label>
                                Nhập lại mật khẩu mới: <span class="required">
                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="Server" ValidationGroup="changePass"
                                        ControlToValidate="txtPasswordNew2" ErrorMessage="*" Display="Dynamic" />
                                    <asp:CompareValidator ID="compare" runat="server" ControlToCompare="txtPasswordNew" ControlToValidate="txtPasswordNew2"
                                        ErrorMessage="*" ValidationGroup="changePass"></asp:CompareValidator></span></label>
                            <asp:TextBox runat="Server" ID="txtPasswordNew2" TextMode="Password" placeholder="Nhập lại mật khẩu mới" />



                            <asp:Button ID="btnChangePass" runat="server" CssClass="submit-button btn" Text="Lưu thay đổi" ValidationGroup="changePass" OnClick="btnChangePass_Click" />
                            <p id="P3"><span class="required" style="color: red">*</span> Bắt buộc nhập</p>

                        </div>
                    </div>
                    <h4>Thông tin cá nhân (*)</h4>
                    <hr />
                    <div class="accordion">


                        <div id="information-form" class="contact-form clearfix">

                            <br />
                            <label for="fname">Họ và tên đệm: <span class="required">*</span></label>
                            <asp:TextBox ID="txtFirstName" runat="server" placeholder="Họ và tên đệm"></asp:TextBox>

                            <label for="lname">Tên: <span class="required">*</span></label>
                            <asp:TextBox ID="txtLastName" runat="server" placeholder="Tên"></asp:TextBox>
                               <label for="lname">Tên hiển thị: <span class="required">*</span></label>
                            <asp:TextBox ID="txtDisplayName" runat="server" placeholder="Tên"></asp:TextBox>

                            <label for="birthday">Ngày sinh: <span class="required">*</span></label>
                             <asp:TextBox ID="txtDateOfBirth" runat="server" placeholder="Ngày sinh"></asp:TextBox>
                            <label for="avarta">Ảnh đại diện:</label>
                             <asp:TextBox ID="txtAvatar" runat="server" placeholder="Ảnh đại diện"></asp:TextBox>

                            <label for="aboutme">Giới thiệu ngắn: </label>
                             <asp:TextBox ID="txtAbout" runat="server" placeholder="Giới thiệu ngắn về tôi" TextMode="MultiLine"></asp:TextBox>



                            <asp:Button ID="btnSaveProfile" runat="server" CssClass="submit-button btn" Text="Lưu thay đổi" OnClick="btnSaveProfile_Click" />

                            <p id="P1"><span class="required">*</span> Bắt buộc nhập</p>

                        </div>
                    </div>
                    <h4>Thông tin liên hệ</h4>
                    <hr />
                    <div class="accordion">


                        <div id="contact-form" class="contact-form clearfix">

                            <br />
                            <label for="company">Tên công ty: </label>
                            <input type="text" id="company" name="company" value="" placeholder="Công ty" />

                            <label for="address1">Địa chỉ nhà riêng: </label>
                            <input type="text" id="address1" name="address1" value="" placeholder="Địa chỉ nhà riêng" />

                            <label for="address2">Địa chỉ cơ quan: </label>
                            <input type="text" id="address2" name="address2" value="" placeholder="Địa chỉ cơ quan" />
                            <label for="phonenumber1">Điện thoại nhà riêng:</label>
                            <input type="text" id="phonenumber1" name="phonenumber1" placeholder="Điện thoại nhà riêng" />

                            <label for="phonenumberx">Điện thoại Cơ quan:</label>
                            <input type="text" id="phonenumberx" name="phonenumberx" placeholder="Điện thoại cơ quan" />


                            <label for="phonenumber2">Di động:</label>
                            <input type="text" id="phonenumber2" name="phonenumber2" placeholder="Di động" />

                            <label for="fax">Fax:</label>
                            <input type="text" id="fax" name="fax" placeholder="Fax" />


                            <label for="email1">Email liên hệ:</label>
                            <input type="text" id="email1" name="email1" placeholder="Email liên hệ" />


                            <label for="email2">Email thay thế:</label>
                            <input type="text" id="email2" name="email2" placeholder="Email thay thế" />

                            <label for="city">Thành phố: </label>
                            <input type="text" id="city" placeholder="Thành phố" />


                            <label for="state">Vùng miền (State): </label>
                            <input type="text" id="state" placeholder="Vùng miền" />
                            <label for="zipcode">ZIP Code: </label>
                            <input type="text" id="zipcode" placeholder="" />
                            <label for="country">Quốc gia: </label>
                            <input type="text" id="country" placeholder="Quốc gia" />


                            <input type="button" value="Đăng ký" class="submit-button btn" />

                            <p id="P2"><span class="required">*</span> Bắt buộc nhập</p>

                            <div class="clear"></div>
                        </div>

                    </div>
                    <div class="clear"></div>
                </div>
            </div>


           

               <div class="tab_content rounded shadow" id="mycourse">
                <div class="box">
                    <h6>Các khóa học của tôi</h6>
                    <asp:Repeater ID="rptMyCourse" runat="server">
                        <ItemTemplate><b>
                            <a href="/document/course/<%#Eval("CourseID") %>-<%#StringHelper.RemoveDiacriticsURL(Eval("Name").ToString()) %>" class="tooltip" title="Vào học">
                               
                            <%#Eval("Name") %>
                                </a></b>
                                <br />
                        </ItemTemplate>
                    </asp:Repeater>
                    </div>
                   </div>

             <div class="tab_content rounded shadow" id="mybank">
                <div class="box">
                    <p>Chú ý: Chức năng thu phí đối với khóa học đang là thử nghiệm. <br />
                        Tất cả khóa học hiện tại đều miễn phí.</p>
                    <h6>Ngân hàng của tôi</h6>
                    Tổng số tiền đang dư: <span style="color:red; font-weight:bold"> 1000000 </span>VNĐ<br />
                    Số điểm hiện có: 10000 (10000 điểm = 10000 VNĐ)
                    <hr />
                    <h6>Nhật ký giao dịch</h6>
                    Ngày: 4/1/2012 - Mã thẻ cào: 1xxxxxxxxxxx - Số tiền 100000<br />
                    Ngày: 4/1/2012 - Mua khóa học: 01 - Số tiền 100000
                    </div>
                   </div>

        </div>


        <uc:Widget ID="rightWidget" runat="server" />


    </div>
</div>
<script type="text/javascript">
    $(document).ready(function () {
        // Ẩn tất cả .accordion trừ accordion đầu tiên
        $("#account .accordion:not(:first)").hide();
        // Áp dụng sự kiện click vào thẻ h3
        $("#account h4").click(function () {
            // chọn .accordion (do phần tử đi đi ngay sau phần tử h3 nên ta dùng .next())
            $accordion = $(this).next().next(); // h4 -> hr -> accordion => next 2 lan
            // Kiểm tra nếu đang ẩn thì sẽ hiện và ẩn các phần tử khác
            // Nếu đang hiện thì click vào h3 sẽ ẩn
            if ($accordion.is(':hidden') === true) {
                $("#account .accordion").slideUp();
                $accordion.slideDown();
            } else {
                $accordion.slideUp();
            }
        });

    });
</script>
